const d=document.createElement("p");
const a=document.getElementById("in");
const c=document.createElement("p");
// const e=document.createElement("p");
c.textContent="我是你爹";
// e.textContent="我是你爹";
a.appendChild(c);
a.append(c);
// d.textContent="你好，我是你爹";

const button=document.getElementById("button");
button.addEventListener("click",()=>{
    a.insertAdjacentHTML("beforebegin","<p style=\"color: red\">你好啊</p>");
    a.insertAdjacentHTML("afterbegin","<p style=\"color: blue\">你好啊</p>");
    a.insertAdjacentHTML("beforeend","<p style=\"color: yellow\">你好啊</p>");
    a.insertAdjacentHTML("afterend","<p style=\"color: green\">你好啊</p>");
})
// a.appendChild(d);